<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
	<head>
		<link rel = "stylesheet" href = "/css/base.css" type = "text/css" />
		<link rel = "shortcut icon" href = "/image/favicon.png"/>
		
		{% block css %}
		{% endblock %}
		
		<script type = "text/javascript" src = "/js/jquery-1.6.2.js">
		</script>
		<script type = "text/javascript" src = "/js/ajax_post.js">
		</script>
		<script type = "text/javascript" src = "/js/base.js">
		</script>
		{% block javascript %}
		{% endblock %}
		<title>
		{% block title %}
		{% endblock %}
		</title>
	</head>
	<body>
		<div class = "bluebar">
		</div>
		<div class = "wrapper">
			<div class = "header clearfix">
				<h1 id = "logo">
					<a href = "/" title = "首页"></a>
				</h1>
				{% block navigation %}
				<div id = "jewelContainer">
					<div class = "jewel" id = "requestJewel">
						<a class = "jewelButton"></a>
					</div>
					<div class = "jewel" id = "messageJewel">
						<a class = "jewelButton"></a>
					</div>
					<div class = "jewel" id = "notificationJewel">
						<a class = "jewelButton"></a>
					</div>
					<div id = "jewelCaseFlyoutContainer">
						<div class = "jewelFlyout" id = "requestsFlyout">
							<div class = "jewelHeader">
								<div class = "clearfix">
								
									<a class = "uiHeaderLink rfloat" href = "/search/friends">搜索朋友</a>
									<div>
										<h3 class = "uiHeaderTitle">朋友请求</h3>
									</div>
								</div>
							</div>
							<div>
								
									<div class = "requestList">
										<ul class ="requestListUl">
											<li>
												<div class = "userProfileBlock">
													<a class = "userProfileBlockImage">
														<img src = "/image/default_user.gif" />
													</a>
													<div class = "userProfile clearfix">
														<div class = "rfloat uiLabel">
															<label class = "uiButton uiButtonConfirm">确认</label>
															<label class = "uiButton">现在不要</label>
														</div>
														<div class = "userName">
															<a href ="/test">刘金宝</a>
														</div>
													</div>
												</div>
											</li>
										
											<li>
												<div class = "userProfileBlock">
													<a class = "userProfileBlockImage">
														<img src = "/image/default_user.gif" />
													</a>
													<div class = "userProfile clearfix">
														<div class = "rfloat uiLabel">
															<label class = "uiButton uiButtonConfirm">确认</label>
															<label class = "uiButton">现在不要</label>
														</div>
														<div class = "userName">
															<a href ="/test">刘金宝</a>
														</div>
													</div>
												</div>
											</li>
										</ul>
									</div>
								
							
									<div class = "jewelFooter">
										<a href = "/friends/apply">查看所有朋友请求</a>
									</div>
								
							</div>
						
						</div>
						<div class = "jewelFlyout" id = "messagesFlyout">
							<div class = "jewelHeader">
								<div class = "clearfix">
								
									<a class = "uiHeaderLink rfloat" href = "/message/new">写新信息</a>
									<div>
										<h3 class = "uiHeaderTitle">站内信息</h3>
									</div>
								</div>
							</div>
							<div>
								
									<div class = "messageList">
										<ul class ="messageUl">
											<li>
												<a href = "/test">
													<div class = "messageBlock">
														<img src = "/image/default_user.gif" />
														<div class = "userProfile clearfix">
														
															<div class = "userName">
																<span class = "blueName">刘金宝</span>
																<p>
																blablablalblalblallblalblalblalblalblalballb
																</p>
																<p>
																	上周一
																</p>
															</div>
															
														</div>
													</div>
												</a>
											</li>
										</ul>	
										
									</div>
								
							
									<div class = "jewelFooter">
										<a href = "/message">查看所有站内信息</a>
									</div>
								
							</div>
							
						</div>
						<div class = "jewelFlyout" id = "notificationsFlyout">
							<div class = "jewelHeader">
								<div class = "clearfix">
								
									<div>
										<h3 class = "uiHeaderTitle">通知</h3>
									</div>
								</div>
							</div>
							<div>
								
									<div class = "notificationList">
										<ul class ="notificationUl">
											<li>
												<a href = "/test">
													<div class = "notificationBlock">
														<img src = "/image/default_user.gif" />
														<div class = "userProfile clearfix">
														
															<div class = "userName">
																<span class = "blueName">刘金宝</span> 接受了你的朋友请求。
																<p>
																<span class = "friendIconSpan"></span>
																上周一
																</p>
															</div>
															
														</div>
													</div>
												</a>
											</li>
											<li>
												<a href = "/test">
													<div class = "notificationBlock">
														<img src = "/image/default_user.gif" />
														<div class = "userProfile clearfix">
														
															<div class = "userName">
																<span class = "blueName">刘金宝</span> 接受了你的朋友请求。
																<p>
																<span class = "friendIconSpan"></span>
																上周一
																</p>
															</div>
														</div>
													</div>
												</a>
											</li>
										</ul>
									</div>
								
							
									<div class = "jewelFooter">
										<a href = "/notifications">查看所有通知</a>
									</div>
								
							</div>
						</div>
					</div>
				</div>
				<div class = "clearfix" id = "headNav">
					<div class ="lfloat">
						<ul id = "pageNav">
							<!--<li>
								<a href = "/home">首页</a>
							</li>
							<li>
								<a href = "/home">我的主页</a>
							</li>
							<li>
								<a href = "/resources">资源</a>
							</li>-->
							<li>
								<a href = "/group/topics/">群组</a>
							</li>
							<li>
								<a href = "/qa/questions">知否</a>
							</li>
							<li>
								<a href = "/bugreport">报告错误</a>
							</li>
								
						</ul>
					</div>
					
					<form id = "searchForm" action = "/search" method = "post">
						<img src = "/image/search-icon.png" />
						<input class = "rfloat" id = "searchQuery" type = "text">
					</form>
					
					<div id = "session">
						<a href = "">
							<span id = "profile-image">
								<img src = "/image/default_user.gif">
							</span>
						</a>
						<span id = "userName">
							{{ username }}
						</span>
						<span id = "userNameArrow">
						</span>
						<div class = "dropdown" id = "profileDropDown">
							<ul class = "userDropDown">
								<!--<li>
									<a href = "/changeprofile/">资料修改</a>
								</li>-->
								<li>
									<a href = "/logout">退出</a>
								</li>
							</ul>
						</a>
					</div>
				</div>
			</div>
				{% endblock %}
			</div>
			<div class = "body clearfix">
				
			{% block bodycontent %}
			{% endblock %}
				
			</div>
			<div class = "footer">
				<div class = "lfloat" id = "copyInfo">
					researchU &copy;2011 北京大学信息科学技术学院DLib开发组
				</div>
				<div class = "rfloat" id = "footerLink">
					<a href = "/about">关于researchU</a>
					&nbsp;·&nbsp;
					<a href = "/contact">联系我们</a>
					&nbsp;·&nbsp;
					<a href = "http://fusion.grids.cn">DLib传送门</a>
				</div>
			</div>
		</div>
	</body>
</html>
